<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>THE MUÑECAS | Contacto</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/form.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css">
<script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">
$(document).ready(function() {
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
    $('#myform').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#result').html(data);
				alert('se envio el email');

            }
        })
        
        return false;
    }); 
})  
</script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script type="text/javascript" src="js/Josefin_Sans_600.font.js"></script>
<script type="text/javascript" src="js/Lobster_400.font.js"></script>
<script type="text/javascript" src="js/sprites.js"></script>
<script type="text/javascript" src="js/gSlider.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<!--[if lt IE 7]> <div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div> <![endif]-->
<!--[if lt IE 9]><script src="js/html5.js" type="text/javascript"></script><![endif]-->
<!--[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><![endif]-->
</head>
<body id="page6">
<div id="main">
	<header>
		<nav>
			<ul>
				<li><a href="index.html">Music</a></li>
				<li><a href="index-1.html">Vj</a></li>
				<li><a href="index-2.html">Video</a></li>
				<li><a href="index-3.html">Galeria</a></li>
				<li><a href="index-4.html">Fechas</a></li>
				<li class="active"><a href="index-5.html">Contacto</a></li>
			</ul>
		</nav>
        <div class="header-slider">
		<ul>
			<li>Se presentan desde 2011 en fiestas, eventos y discos mas vanguardistas de Buenos Aires y el interior del pa&iacute;s. </li>
			<li>Marca un punto de partida y una nueva forma de live performance fusionando conceptualmente sonidos e im&aacute;genes en vivo.</li>
			<li>La performance se completa con Dj e instrumentos en vivo, mientras deslumbrantes bailarinas Go-go`s, garantizan alto voltaje hasta el &uacute;ltimo minuto.</li>
		</ul>
	</div>
	<a href="#" class="hs-prev"><img src="images/prev.png" alt=""></a>
	<a href="#" class="hs-next"><img src="images/next.png" alt=""></a>    
        </header>
    
<div class="innercopy">Mas <a href="http://www.ursulaimagen.com.ar/">Wsasff s</a> asadasdsaasd!</div>

  <article id="content">
	  <div class="col-1">
           <div class="p2">
		      	<h2>Spot</h2>
					<img src="images/col-1-img1.png" class="p1" alt=""> <a href="index-2.html" class="more">Ver Video</a>
            </div>
       </div>
        
        
	<div class="col-2">
		<h2>Prensa</h2>
		
      <form method="post" action="envio.php" id="myform" name="myform" >
      <fieldset id="form">
      	<legend>Send Email</legend>
        <ol>
        	<li><label>Name:</label><input type="text" size="30" name="fname" /></li>
            <li><label>E-mail:</label><input type="text" size="30" name="femail" /></li>
            <li><label>Phone:</label><input type="text" size="30" name="fphone" /></li>
            <li><label>Comments:</label><textarea name="fcomment" rows="5" cols="25"></textarea></li>
         	  </ol>
        	 <p align="center">
        	<input type="submit"   name="mysubmit" value="Enviar" />
       	 		</p>
    	  </fieldset>
     </form>

	<div id="loading"></div>
	<div id="result"></div>
	<p align="center">
    <a href="http://www.miguelmanchego.com/2009/ajax-enviar-formularios-sin-recargar-jquery/">Regresar al blog</a></p>
	</div>
  </div>

        
	<div class="col-3">
		<h2>Seguinos</h2>
		<ul class="soc-ico">
		<li><a href="http://www.facebook.com/pages/Lady-Z-The-Mu%C3%B1ecas/226596294030273" target="_blank">
        <img src="images/facebook.png" alt=""></a></li>
        </ul>
	</div>

<footer>
     <span>    	 
Copyright © 2011 THE MU&Ntilde;ECAS | Derechos Reservados | Dise&ntilde;o y Hosting<a rel="nofollow" href="http://www.ursulaimagen.com.ar/" target="_blank"><img src="images/URSU.png" alt="URSULA IMAGEN" width="36" height="35"></a>
     </span>
</footer>
<script type="text/javascript">Cufon.now()
$(function(){
	$('nav,.more,.header-more').sprites()

	$('.header-slider').gSlider({
		prevBu:'.hs-prev',
		nextBu:'.hs-next'
	})
	
	$('a[rel=prettyPhoto]').each(function(){
		var th=$(this),
			pb
		th
			.append(pb=$('<span class="playbutt"></span>').css({opacity:.7}))
		pb
			.bind('mouseenter',function(){
				$(this)
					.stop()
					.animate({opacity:.9})
			})
			.bind('mouseleave',function(){
				$(this)
					.stop()
					.animate({opacity:.7})
			})
	})
	.prettyPhoto({theme:'dark_square'})
})

</script>
</body>
</html>